.comments-block {

}
.comments-title {
	color: $primary-color;
}
.comments-list {
	margin: 0;
	padding: 0;
	list-style: none;
	@include clearfix;
	li {
		padding: 10px;
		border-bottom: 1px solid #d8d8d8;
		&:last-child {
			border-bottom: 0;
		}
	}
	.item-head {
		position: relative;
		@include clearfix;
		margin-bottom: 5px;
	}
	.item-thumb {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 12px;
		color: #999;
		i {
			margin-left: 5px;
			font-size: 14px;
		}
	}
	.item-user {
		float: left;
	}
	.item-media {
		float: left;
		margin-right: 5px;
	}
	.item-head-title {
		font-size: 14px;
		line-height: 1;
		margin: 0;
	}
	.item-label {
		position: relative;
		margin-left: 10px;
		font-size: 12px;
		padding: 2px 5px;
		line-height: 20px;
		height: 20px;
		color: #fff;
		background-color: #3f8ffa;
		&:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 100%;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 6px 6px 0;
			border-color: transparent #3f8ffa transparent transparent;
		}
		&.bg-purple {
			background-color: #c15ef4;
			&:after {
				border-color: transparent #c15ef4 transparent transparent;
			}
		}
		&.bg-red {
			background-color: #f43531;
			&:after {
				border-color: transparent #f43531 transparent transparent;
			}
		}

	}
	time {
		color: #999;
		font-size: 12px;
	}
	.item-content {
		font-size: 13px;
		color: #676767;
	}
}